<template>
    <div class="bank-info">
        <Header></Header>
        <div class="bank-content">
            <h3>希赛网银行账户信息</h3>
            <div class="bank-table">
                <div class="table-bt">
                    <p>户名</p>
                    <p>账号</p>
                    <p>开户行</p>
                </div>
                <div class="table-info">
                    <p>湖南希赛网络科技有限公司</p>
                    <p>4318 9999 1010 0038</p>
                    <p>交通银行股份有限公司长沙麓谷科技支行</p>
                </div>
                <div class="shuoming">
                    <p><span style="font-weight: bold;">说明：</span>通过银行转账的方式转到希赛公司对公账户上的款项，开发票的抬头只能写转账人的名称。例如，是张三个人转账过来的，发票抬头就只能写“张三”，而不能写
其公司名称。</p>
                </div>
            </div>
        </div>
        <Footer></Footer>
        <Services></Services>
    </div>
</template>
<script>
import Header from "../../components/Header.vue";
import Footer from "../../components/Footer.vue";
import Services from "../../components/Services.vue";
export default {
  name: "BankInfo",
  components: { Header, Footer, Services},
  data() {
    return {
      msg: "bankInfo"
    };
  },
  methods: {
  },
};
</script>
<style lang="less" scoped>
.bank-content{
    max-width: 1200px;
    height: 552px;
    background: #FFFFFF;
    box-shadow: 0px 0px 12px 0px rgba(0,69,207,0.08);
    border-radius: 12px;
    margin: 100px auto 20px auto;
    h3{
        font-weight: 500;
        font-size: 24px;
        color: #0088FF;
        padding: 60px 0 30px 0;
    }
    .bank-table{
        margin: 0 auto;
        width: 1152px;
        .table-bt{
            display: flex;
            // justify-content: space-between;
            p{
                width: 384px;
                height: 58px;
                background: #008BFF;
                // border-radius: 8px 0px 0px 0px;
                border: 1px solid #FFFFFF;
                text-align: left;
                line-height: 58px;
                font-weight: 500;
                font-size: 17px;
                color: #FFFFFF;
                padding-left: 26px;
                margin-bottom: 0px;
            }
        }
        .table-info{
            display: flex;
            // justify-content: space-between;
            p{
                width: 384px;
                height: 58px;
                background: #F4F9FE;
                border: 1px solid #FFFFFF;
                font-weight: 400;
                font-size: 14px;
                color: #000000;
                text-align: left;
                line-height: 58px;
                padding-left: 26px;
                margin-bottom: 0px;
            }
        }
        .shuoming{
            background: #F4F9FE;
            border: 1px solid #FFFFFF;
            font-size: 14px;
            color: #000000;
            padding: 16px 0 50px 0;
        }
    }
}
</style>